<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的文章详情</title>
    <script src="jquery-1.9.1.min.js"></script>
    <script>
        // 时间格式化
        function datefm(timespan) {
            var date = new Date(timespan);
            // 年份
            var y = date.getFullYear();
            // 月份
            var m = date.getMonth() + 1;
            // 日期
            var d = date.getDate();
            return y + "-" + m + "-" + d;
        }

        jQuery(function () {
            // 1.从后端获取文章信息进行展示
            // 文章id(从 url 里面获取)
            var id = location.search.split("=")[1];
            jQuery.getJSON("reupart", {"id": id}, function (data) {
                // 查询文章成功
                jQuery("#title").html(data.art.title);
                jQuery("#content").html(data.art.content);
                jQuery("#username").html(data.art.username);
                jQuery("#createtime").html(datefm(data.art.createtime));
                jQuery("#rcount").html(data.art.rcount);
            })
            // 2.当前文章的阅读量 +1
            jQuery.getJSON("addcount", {"id": id}, function (data) {

            });
        });
    </script>
</head>
<body>
<div style="margin-top: 50px;margin-left: 50px;">
    <h1 id="title">标题：</h1>
    正文：
    <div id="content">
    </div>
    <hr>
    <div style="text-align: right">
        作者：<span id="username"></span>
        &nbsp;&nbsp;
        发布日期：<span id="createtime"></span>
        &nbsp;&nbsp;
        阅读量：<span id="rcount"></span>
    </div>
</div>
</body>
</html>